/*------------------------- 公用样式 --------------------------*/
body{ font-family:"Microsoft YaHei", Arial, sans-serif; }
a{ cursor:pointer; }
ul{ padding:0; margin:0; list-style:none; }
img{ border:0; outline:none; }
button{ outline: none;}
.box{ display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; }
.box-left{ justify-content:flex-start; }

/*------------------------- header --------------------------*/
.header-top{width:100%; background-color: #0068B7;}
.header-top-content{height:50px; line-height:50px; text-align: right;}
.header-top-content a, .header-top-content span{color:white; font-size:14px;}
.header-top-content img{width:24px; height:24px;}

.header{margin:25px auto;}
.logo{padding:2px 0;}
.logo img{height:46px;}
.navbar-default{margin-bottom:0; border-color: #FFF; background-color:#FFF;}
.navbar-default .navbar-nav>li>a{color:#555;}
.navbar-default .navbar-nav>.active>a{color:#0068B7;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color:white;
}


/*------------------------- banner --------------------------*/
.carousel-indicators li{ width:6px; height:6px; margin: 1px 6px; }
.carousel-indicators .active{ width:8px; height:8px; margin: 0 5px; }
.carousel-caption h1{ font-size:44px; }
.carousel-caption p{ width:350px; margin:20px auto 37px auto; font-size:14px; }
.carousel-caption .btn{ outline: none; }
.btn-banner{ color: #fff; background-color: #00A0E9; border-color: #00A0E9; width:120px; height:38px; font-size:15px; border-radius:19px; }
.btn-banner.focus,.btn-banner:focus{color:#fff;background-color:#337ab7;border-color:#337ab7}
.btn-banner:hover{color:#fff;background-color:#337ab7;border-color:#337ab7}
.btn-banner.active,.btn-banner:active{color:#fff;background-color:#337ab7;border-color:#337ab7}
.btn-banner.active.focus,.btn-banner.active:focus,.btn-banner.active:hover,.btn-banner:active.focus,.btn-banner:active:focus,.btn-banner:active:hover{color:#fff;background-color:#337ab7;border-color:#337ab7}
.btn-banner.active,.btn-banner:active{background-image:none}
.btn-banner.disabled.focus,.btn-banner.disabled:focus,.btn-banner.disabled:hover,.btn-banner[disabled].focus,.btn-banner[disabled]:focus,.btn-banner[disabled]:hover{background-color:#337ab7;border-color:#2e6da4}
.btn-banner .badge{color:#337ab7;background-color:#fff}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 5px;
    }
    .carousel-caption {
        padding-bottom: 50px;
    }
}


/*------------------------- page --------------------------*/
.pagination>li:first-child>a{ border-top-left-radius:0; border-bottom-left-radius:0; }
.pagination>li:last-child>a{ border-top-right-radius:0; border-bottom-right-radius:0; }
.pagination>.active>a{ background-color:#00A0E9; border-color:#00A0E9; }


/*------------------------- home --------------------------*/
.sec-title{ text-align:center; color:#333; margin:50px auto 0 auto; }
.sec-title h2{ font-size:32px; font-weight:bold; margin-top:10px; }
.sec-title div{ font-size:16px; }
.sec-title i{ display:block; width:60px; height:4px; margin:7px auto 0 auto; background:rgba(0,160,233,1); opacity:1; }
.sec-pdt .col-md-4{ margin-top:30px; }
.sec-pdt img{ width:100%; border:1px solid #CCC; }
.sec-pdt a:hover img{ border:1px solid #999; }

.div-about{ width:100%; background-color:#00A0E9; }
.div-about .container{ margin-top:60px; }
.div-about .sec-title{ color:white; }
.div-about .sec-title h2{ margin-top:48px; }
.div-about .sec-title i{ background:rgba(255,255,255,1); }
.div-about .sec-content{ margin:42px 0 38px 0;  }
.div-about .sec-content{ color:white; font-size:14px; }
.div-about .sec-content span{ font-size:18px; }
.div-about p{ text-align:justify; line-height:27px; }
.div-about .pull-right img{ width:100%; }

@media screen and (min-width: 768px) {
    .div-about .pull-left{ width:60%; }
    .div-about .pull-right{ width:35%; }
}

.multipleColumn{ overflow:hidden; position:relative; width:1260px; }
.multipleColumn .sPrev,.multipleColumn .sNext{ position:absolute; left:5px; top:335px; display:block; width:30px; height:30px; background:url(../img/icon/icoLeft.png) center center no-repeat; background-size:contain; }
.multipleColumn .sNext{ left:auto; right:5px; background:url(../img/icon/icoRight.png) center center no-repeat; background-size:contain;  }
.multipleColumn .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.multipleColumn .bd{ padding:43px 0 43px 45px; overflow:hidden; }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:585px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:262px; height:262px; display:block; padding:1px; border:1px solid #CCC; }
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px; margin-top:5px; }

.div-news{ width:100%; background-color:#F1F3F7; padding-bottom:60px; }
.div-news .col-md-4{ margin-top:50px; }
.div-news .sec-title h2{ margin-top:48px; }
.sec-news img{ width:100%; border:1px solid #CCC; }
.sec-news .text-center a{ display:flex; color:#0068B7; font-size:16px;  }
.sec-news a .more{ display:inline-block; width:16px; height:16px; background:url(../img/icon/more.png) center center no-repeat; background-size:contain; margin:2px 0 0 10px; }
.sec-news a:hover img{ border:1px solid #999; }
.sec-news p{ color:#666; margin-bottom:15px; }


/*------------------------- about --------------------------*/
.page-banner{ width:100%; }
.page-banner img{ width:100%; height:auto; }

#about-container1{ margin:80px auto; }
#about-container1 .pull-right{ padding-top:45px; }
#about-container1 .pull-right img{ width:100%; }

@media screen and (min-width: 768px) {
    #about-container1 .pull-left{ width:50%; }
    #about-container1 .pull-right{ width:45%; }
}

#about-container1 h3{ font-size:24px; font-weight:bold; }
#about-container1 p{ margin-top:30px; color:#666; text-align:justify; line-height:25px; }
#about-container1 p.en-title{ width:320px; margin-top:20px; font-size:16px; }
#about-container1 img{ border:1px solid #FFF; }

#about-container2{ width:100%; background-color:#F1F3F7; padding-bottom:60px; }
#about-container2 .container{ margin-top:20px; }
#about-container2 h4{ color:#0068B7; font-size:18px; font-weight:bold; margin-top:30px; }
#about-container2 p{ margin-top:25px; color:#666; text-align:justify; line-height:25px; }
#about-container2 p strong{ color:#333; }


/*------------------------- news --------------------------*/
#news-main{ margin-bottom:60px; }

.news-left-menu{ margin-top:60px; }
.news-left-menu dl{ height:60px; background-color:#CCC; margin-bottom:2px; }
.news-left-menu dl.active{ background-color:#00A0E9; }
.news-left-menu dl a{ color:#333; font-size:18px; line-height:60px; padding-left:20px; }
.news-left-menu dl.active a{ color:white; }

.news-list{ margin-top:60px; }
.news-list dd{ width:100px; height:100px; text-align:right; background-color:#F4F5F6; margin-right:30px; }
.news-list dt{ width:100%; margin:15px 0 25px 0; padding-bottom:30px; border-bottom:1px solid #EEE; text-align:justify; }
.news-list dd i{ display:none; }
.news-list dd h2{ font-size:28px; line-height:36px; color:rgba(153,153,153,1); margin:16px 10px 0 0; }
.news-list dd p{ font-size:18px; line-height:36px; color:rgba(153,153,153,1); margin-right:10px; }
.news-list dt h3{ font-size:24px; font-weight:bold; color:#333; margin:5px 0 15px 0; }
.news-list dt p{ font-size:16px; font-weight:normal; color:#666; }

.dl-news:hover { cursor:pointer; }
.dl-news:hover dd{ background-color:#CCC; }
.dl-news:hover dd i{ display:block; width:100%; height:8px; background:rgba(0,160,233,1); }
.dl-news:hover dd h2{ color:rgba(51,51,51,1); margin:12px 10px 0 0; }
.dl-news:hover dd p{ color:rgba(51,51,51,1); }

.news-detail{ width:100%; background-color:#F4F5F6; padding:40px 0; }
.news-main{ background-color:white; margin:0 auto; padding:50px 30px; }
.news-title{ border-bottom:1px solid #EAE7E7; padding-bottom:20px; }
.news-title h2{ font-size:32px; color:#333; margin:0 0 25px 0; }
.news-title p{ font-size:14px; color:#888; }
.news-title p span{ display:block; }
.news-content{ margin-top:40px; }

.div-prevnext{ background-color:white; margin:40px auto 50px auto; padding:40px 30px; }
.div-prevnext dl{ width:100%; height:50px; line-height:50px; margin:0; }
.div-prevnext dl a{ font-size:16px; color:#333; }
.div-prevnext .pull-right{ text-align:right; }
.arror-left{ display:inline-block; width:18px; height:20px; background: url(../img/icon/arror-left.png) center center no-repeat; background-size:contain; margin-right:5px; }
.arror-right{ display:inline-block; width:18px; height:20px; background: url(../img/icon/arror-right.png) center center no-repeat; background-size:contain; margin-left:5px; }

.dl-download{ margin-bottom:25px; padding-bottom:30px; border-bottom:1px solid #EEE; }
.dl-download .pull-left{ width:83%; white-space:nowrap; overflow:hidden; }
.btn-download{ display:inline-block; width:40px; height:40px; background: url(../img/icon/download.png) left top no-repeat; background-size:cover; }
.btn-download:hover{ background-position:left bottom; }

@media screen and (min-width: 768px) {
    .news-list dt{ width:710px; margin-top:0; }
    .news-title p span{ display:inline-block; margin:0 15px; }
    .div-prevnext dl{ width:50%; }
    .div-prevnext .pull-left{ border-right:2px dashed #004487; }
}


/*------------------------- product --------------------------*/
.pdt-left-menu{ margin:50px 0 60px 0; }
.sideMenu h5{ height:60px; line-height:60px; font-size:18px; padding:0 10px; border-bottom:1px solid white; background:#00A0E9; margin:0;}
.sideMenu h5 em{ float:right; display:block; width:16px; height:16px; background:url(../img/icon/arror-down.png) left top no-repeat; background-size:contain; cursor:pointer; margin-top:22px; }
.sideMenu h5.on em{ background:url(../img/icon/arror-up.png) left top no-repeat; background-size:contain; }
.sideMenu h5 a{ color:white; }
.sideMenu ul{ padding:0 25px; }
.sideMenu ul li a{ font-size:14px; line-height:30px; color:#666; }
.sideMenu ul li.on a{ color:#0068B7; }

.sideMenu .panel{ border:1px solid #CCC; border-radius:0; }
.sideMenu .panel-default>.panel-heading{ color:white; background-color:#00A0E9; border:0; border-radius:0; height:60px; }
.sideMenu .panel-title{ font-size:18px; line-height:40px; }

.sideMenu .panel-title em {
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/icon/arror-down.png) left top no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-top: 12px;
}
.sideMenu .panel-heading.on{
    background-color:#0068B7;
}
.sideMenu .panel-heading.on .panel-title em {
    background: url(../img/icon/arror-up.png) left top no-repeat;
    background-size: contain;
}
.sideMenu ul li a.current{ color:#00A0E9; }



.pdt-list{ margin:25px 0 70px 0; }
.pdt-list dl{ margin:25px 15px; width:252px; height:252px; border:1px solid #CCC; text-align:center; }
.pdt-list dl img{ height:100%; }
.pdt-list dl p{ margin-top:8px; font-size:16px; color:#333; }

.pdt-detail{ margin:20px 0 70px 0; }
.crumbs a{ font-size:14px; color:#666; }
.pdt-cnt-1{ margin-top:10px; }
.pdt-cnt-1 img{ width:100%; border:1px solid #CCC; }
.pdt-cnt-1 h4{ font-size:24px; font-weight:bold; color:#00A0E9; }
.pdt-cnt-1 p{ font-size:16px; color:#333; margin-top:20px; text-align:justify;}

.pdt-detail .row dt{ width:100%; border-bottom:3px solid #EAE7E7; margin-top:30px; }
.pdt-detail .row dt h5{ display:inline-block; line-height:35px; font-size:18px; font-weight:bold; color:#333; border-bottom:3px solid #00A0E9; margin-bottom:-3px; }
.pdt-detail .row dd{ margin-top:20px; }
.pdt-detail .row dd img{ width:100%; }
.pdt-cnt-2 dd{ border:1px solid #CCC; min-height:160px; }
.pdt-cnt-2 dd ul{ list-style:disc; margin:20px 20px 20px 40px;}
.pdt-cnt-2 dd ul.col2 li{ float: left!important; width:48%; }
.pdt-cnt-2 dd ul li{ line-height:30px; }
.pdt-cnt-3 dd, .pdt-cnt-5 dd{ border:1px solid #CCC; width:100%; height:auto; }
.pdt-detail p.half img{ width:48%; display:inline-block; margin-right:6px; border:1px solid #CCC; }

/*环形光源选型列表*/
table.pro_table{ clear:both; margin:15px 0; width:100%; }
table.pro_table tr:nth-child(odd){ background-color:#EAE7E7; }
table.pro_table td{ border:0; text-align:center; padding:10px 5px;}
table.pro_table td p{ margin-bottom:0; }
.pdt-detail .row dd table.pro_table td img{ width:auto; }
table.pro_table tfoot td{ border:none; text-align:left; padding:4px 8px; }
table.pro_table tr.title td{ font-size:14px; color:#111; }
table.pro_table tr.title td.title{ line-height:23px; color:#333; font-weight:bold; }
table.pro_table td.title{ font-weight:bold; }
table.pro_table td.left{ text-align:left; }
table.pro_table tr.title td,table.pro_table td.grey{ background-color:#999999; color:white; }
.pdt-cnt-6 table.pro_table td{ border:1px solid #CCC; }


/*------------------------- join us --------------------------*/
.txt-content{ font-size:16px; line-height:30px; color:#666; text-align:left; margin:40px auto; }
.div-jobs{ width:100%; background-color:#F4F5F6; padding-bottom:70px; }
.div-jobs .sec-title{ margin-bottom:40px; }
.div-job{ padding:30px 20px; background-color:white; margin-top:20px; position:relative; }
.div-job h4{ font-size:20px; color:#333; margin-bottom:25px; }
.div-job dl{  margin-bottom:12px; }
.icon-addr{ width:16px; height:16px; background:url(../img/icon/icon-addr.png) left top no-repeat; background-size:contain; margin-right:5px; }
.icon-date{ width:16px; height:16px; background:url(../img/icon/icon-date.png) left top no-repeat; background-size:contain; margin-right:5px; }
.div-job .div-line{ height:1px; border-top:1px solid #EAE7E7; margin: 10px 0; }
.div-job .div-line2{ height:10px; border-bottom:1px solid #EAE7E7; }
.show-detail{ display:block; font-size:14px; color:#666; width:60px; margin:20px auto 0 auto; }
.show-detail:hover{ color:#00A0E9; }
.show-detail:hover,.show-detail:visited,.show-detail:focus{ text-decoration:none; }
.show-detail:visited,.show-detail:focus{ color:#666; }
.div-job .btn{ position:absolute; top:30px; right:20px; }
.div-job .btn-primary { color: #fff; background-color: #00A0E9; border:0; border-radius:0; }


/*------------------------- contact --------------------------*/
.div-contact{ margin:100px auto; }
#map-container{width:95%; height:460px; border:1px solid #CCC;}
.contact-address{ width:90px; height:90px; background:url(../img/icon/contact-address.png) left top no-repeat; background-size:contain; margin-right:30px; }
.contact-email{ width:90px; height:90px; background:url(../img/icon/contact-email.png) left top no-repeat; background-size:contain; margin-right:30px; }
.contact-phone{ width:90px; height:90px; background:url(../img/icon/contact-phone.png) left top no-repeat; background-size:contain; margin-right:30px; }
.contact-social{ width:90px; height:90px; background:url(../img/icon/contact-social.png) left top no-repeat; background-size:contain; margin-right:30px; }
.div-contact dl{ font-size:14px; color:#666; margin:20px 0; }
.div-contact dl a{ color:#666; }

/*------------------------- footer --------------------------*/
.footer{ background-color: black; padding-bottom:48px; }
.footer h3{ font-size:18px; color:#FFF; margin: 48px 0 32px 0; }
.footer ul li{ font-size:14px; color:#999; float:left; width:130px; height:30px; }
.footer a{ color:#999; }
.foot-txt{ width:260px; font-size:14px; line-height:24px; color:#999; }
.div-ewm dl{ float:left; }
.div-ewm img{ width:97px; }
.ewm-txt{ padding:22px 0 0 14px; }

